@import "../../less/var.less";
.msg-box{
    background-color: white;
    min-height:100%;
    .item{
        display: flex;
        flex-flow: row nowrap;
    }
    .img{
        @h:140rpx;
        width: @h;
        height: @h;
        padding: 20rpx;
        box-sizing: border-box;
        position: relative;
        image{
            width: 100%;
            height: 100%;
            border-radius: 8rpx;
        }
        .new{
            position: absolute;
            display: inline-block;
            font-size: 20rpx;
            width: 30rpx;
            height: 30rpx;
            text-align: center;
            line-height: 30rpx;
            border-radius: 50%;
            background-color: @red;
            right: 16rpx;
            top: 16rpx;
            color: white;
        }
    }
    .tip-box{
        flex-grow: 1;
        font-size: 24rpx;
        padding: 30rpx 20rpx 30rpx 0rpx;
        border-bottom: 2rpx solid #dedede;
        .name{
            font-size: 30rpx;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .time{
            float: right;
            color: @gray;
        }
        .msg{
            color: @gray;
            width: 80%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}